import {Component} from '@angular/core';

@Component({
  selector: 'my-app',
  template: ` <nav>
                <a routerLink="/heroes" routerLinkActive="active">heroes form</a>
                <a routerLink="/hero-dash" routerLinkActive="active">heros dashboard</a>
                <a routerLink="/employee" routerLinkActive="active">employee dash</a>
              </nav>
              <app-form></app-form>
              <router-outlet></router-outlet>`,
  styles:[`
  nav a {
  padding: 5px 10px;
  text-decoration: none;
  margin-top: 10px;
  display: inline-block;
  background-color: #eee;
  border-radius: 4px;
}`]


})
export class AppComponent {

}

